<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="author" content="李海燕">
    <title>LIHAIYAN</title>
    <link rel="stylesheet" href="style.css">
    <audio controls="controls" hidden="hidden" autoplay="autoplay" loop="loop">
        <source
        src="纯纯的夏天.mp3"
        type="audio/mpeg"
        />
        </audio>
</head>

<body>
    <div class="container">
        <div class="logo">
            <img src="./img/logo.png" alt="">LIHAIYAN
        </div>
        <div class="nav">
            <ul>
                <li><a href="#ABOUT">About</a></li>
                <li><a href="works.html">Works</a></li>
                <li><a href="contact me.html">Contact me</a></li>
            </ul>
        </div>
    </div>

    <div class="header">
        <div class="picture">
            <img src="./img/首页.jpg" alt="">
        </div>
        <div class="in">
            <h1>Li Haiyan</h1>
            <p class="a">This is my personal website.</p>
            <p class="a">I hope you can learn more about me through this website.</p>
            <a href="#ABOUT"><img class="btn" src="./img/下滑.png" alt=""></a>
        </div>
        <div class="introduce">
            <h3 id="ABOUT">ABOUT</h3>
            <div class="photo">
                <img class="me" src="./img/自拍.jpg" alt="" height="420px ">
            </div>

            <div class="contact">
                <h2 class="LI">李海燕</h2>
                <div class="main">
                    <p>成都东软学院，艺术与科技19201班学生</p>
                    <p>我喜欢看动漫、布袋戏、看书、玩游戏，也喜欢临摹一些好看的图画，在学习上有时候会有一些拖延症，但也尽量会把自己的学习做好。
                    </p>
                    <p>这是我做的第一个个人网站，形式和内容都不是很好，希望通过未来的学习我能够做出更优秀的作品。</p>
                    <p>我还会继续练习绘画，学习ps、ai等软件，提高我的专业能力。</p>
                </div>
                <h4>
                    <a class="chat" id="we" href="#">
                        <a class="weixin" href="contact me.html">Contact me</a>
                    </a>
                </h4>
                <img class="fox " src="./img/狐狸.gif " alt=" " height="100px ">
            </div>

        </div>
        <div class="footer ">
            <div class="left ">
                <img src="./img/logo.png " alt=" " align=left height="120px ">
                <h2 class="HAI ">LIHAIYAN</h2>
            </div>
            <div class="right ">
                <ul>
                    <li><a href="#ABOUT ">About</a></li>
                    <li><a href="Works.html ">Works</a></li>
                    <li><a href="contact me.html">Contact me</a></li>
                </ul>
            </div>
            <div class="copyright ">Li Haiyan all rights reserved.</div>
        </div>

</body>


</html>